<template>
  <div class="rulers">
    <div class="article" v-for="(item, index) of ruleList" :key="index">
      <h2 class="rulers-title">{{item.title}}</h2>
      <p v-for="(i, index) of item.content" :key="index">{{i}}</p>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'Rules',
    props: ['ruleList']
  }
</script>

<style lang="stylus" scoped>
  .rulers{
    text-align: left;
    .article {
      margin-bottom: 30px;
      .rulers-title{
        height: 26px;
        line-height: 26px;
        font-size: 18px;
      }
      p{
        line-height: 25px;
        font-size: 14px;
      }
    }
  }


</style>
